@charset "utf-8";
.cms-top{
	float:left;
	width:100%;
	height:89px;
	background:url(../images/top.gif) left no-repeat #008ed8}
.cms-main-box{
	float:left;
	width:100%;
	overflow-y:auto;
	background:url(../images/cms-home-bg.jpg) left top no-repeat #16416c;
	background-size:100% 100%}
/*主题内容*/
.cms-content-box{
	float:left;
	margin:20px 0 0 20px}
.cms-msg-box{
	float:left;
	width:100%;
	min-height:50px;
	padding:20px 0;
	border-radius:3px;
	background:url(../images/sidle-repeat-bg.png) left top repeat-x}
.admin_msg{
	float:left;
	width:200px;
	height:50px;
	margin-left:20px}
.admin_msg p{
	float:left;
	color:#fff;
	width:135px;
	height:25px;
	line-height:25px;
	padding-left:15px}
.admin_msg p.name{
	font-size:16px}
.txt-msg{
	float:right;
	width:480px;
	height:50px;
	margin-right:20px}
.txt-msg p{
	float:left;
	color:#fff;
	height:25px;
	line-height:25px}
.txt-msg p.affiche{
	font-size:14px}
.txt-msg p.affiche a,.txt-msg p.affiche a:hover{
    color:#fff;
}
.txt-msg p.version a{
	float:right;
	color:#fff;
	width:65px;
	height:20px;
	line-height:20px;
	text-align:center;
	text-decoration:none;
	margin-top:2px;
	background:#73be00;
    margin-left:10px;
	border-radius:3px}
.contact-btn{
	float:right;
	height:50px;}
.contact-btn a{
	float:left;
	color:#fff;
	width:68px;
	height:50px;
	line-height:78px;
	margin-left:10px;
	text-align:center;
	text-decoration:none}
.contact-btn .fk-btn{
	background:url(../images/adminfk-bg.png) left no-repeat}
.contact-btn .kf-btn{
	background:url(../images/adminkf-bg.png) left no-repeat}

.product-manage,
.article-manage{
    float:left;
    width:100%;
    margin-top:20px;
    border-radius:3px;
    background:url(../images/sidle-repeat-bg.png) left top repeat-x}
.product-manage .pro-mge-tit,
.article-manage .atc-mge-tit{
    color:#fff;
    height:40px;
    line-height:40px;
    padding:0 20px;
    font-size:16px}
.product-manage .pro-mge-tit s{
    float:left;
    width:22px;
    height:22px;
    margin:9px 10px 0 0;
    background:url(../images/main-home-bg.png) no-repeat -190px -4px}
.article-manage .atc-mge-tit s{
    float:left;
    width:22px;
    height:22px;
    margin:9px 10px 0 0;
    background:url(../images/main-home-bg.png) no-repeat 0 -50px}
.pro-mge-con,
.atc-mge-con{
    float:left;
    width:100%;
    margin-top:10px}
.pro-mge-con li{
    float:left;
    width:110px;
    height:120px;
    padding:1px;
    margin:0 0 20px 20px;
    background:url(../images/bg-box.png) left no-repeat}
.pro-mge-con li .bhead{
    float:left;
    color:#fff;
    width:110px;
    height:60px;
    line-height:60px;
    font-size:16px;
    text-align:center}
.pro-mge-con li p .unview{
    position: absolute;
    width:auto;
    height: auto;
    font-size:12px;
    line-height: 15px;
    text-align: center;
    right: 5px;
    top:5px;
    color:white;
    background-repeat: no-repeat;
}
.pro-mge-con li p .bk_num1{
    padding: 0px 4px;
    background: url(../images/bk_num1.png) no-repeat;
}
.pro-mge-con li p .bk_num2{
    padding: 0px 3px;
    background: url(../images/bk_num2.png) no-repeat;
}
.pro-mge-con li p .bk_num3{
    padding: 0px 5px;
    background: url(../images/bk_num3.png) no-repeat;
}
.pro-mge-con li span a{
    float:left;
    color:#fff;
    width:110px;
    height:60px;
    line-height:60px;
    text-decoration:none}
.pro-mge-con li p{
    float:left;
    width:110px;
    height:60px}
.pro-mge-con li p .ba{
    float:left;
    width:110px;
    height:60px;
    text-align:center;
    position: relative;
    background:url(../images/line-bg.png) left top repeat-x}
.pro-mge-con li p a:hover,
.pro-mge-con li span a:hover{
    background:url(../images/line-bg.png) left top repeat}
.pro-mge-con li em{
    float:left;
    color:#fff;
    width:55px;
    height:60px;
    line-height:60px;
    font-size:14px;
    text-align:center;
    font-style:normal}
.pro-mge-con li em.num{
    font-family:Arial}

.atc-mge-con ul{
	margin-left:20px}
.atc-mge-con li{
	float:left;
	width:120px;
	height:120px;
	margin-bottom:20px}
.atc-mge-con li a{
	float:left;
	width:100px;
	height:100px;
	padding:20px 10px 0;
	position:relative;
	text-decoration:none}
.atc-mge-con li a:hover{
	background:url(../images/bg-jb-bg.png) left bottom repeat-x}
.atc-mge-con li a s{
	position:absolute;
	right:0;
	top:20px;
	width:1px;
	height:80px;
	background:url(../images/point-repeat-bg.png) left repeat}
.atc-mge-con li a span{
	float:left;
	width:100px;
	text-align:center}
.atc-mge-con li a em{
	float:left;
	color:#fff;
	width:60px;
	height:24px;
	line-height:24px;
	margin:20px 0 0 20px;
	text-align:center;
	font-size:14px;
	font-style:normal;
	border-radius:15px;
	background:url(../images/point-repeat-bg.png) left repeat}
/*数据统计*/
.data-count{
	float:left;
	width:100%;
	margin-top:20px;
	border-radius:3px;
	overflow:hidden;
	margin-bottom:20px}
.data-count-tit{
	color:#fff;
	padding:0 20px;
	height:40px;
	line-height:40px;
	background:url(../images/sidle-repeat-bg.png) left top repeat-x}
.data-count-tit s{
	float:left;
	width:22px;
	height:22px;
	margin:9px 10px 0 0;
	background:url(../images/main-home-bg.png) no-repeat 0 -98px}
.data-count-tit span{
	float:left;
	font-size:16px}
.data-count-tit .time-interval{
	float:right}
.time-interval em{
	float:left;
	height:40px;
	line-height:40px;
	font-style:normal}
.time-interval .time-begin,
.time-interval .time-over{
	float:left;
	color:#545454;
	width:95px;
	height:20px;
	line-height:20px;
	margin-top:10px;
	padding-left:5px;
	margin-left:10px;
	border:0;
	border-radius:3px;
	font-size:12px;
	font-family:"微软雅黑";
	background:#fff}
.time-interval b{
	float:left;
	color:#000;
	width:15px;
	height:12px;
	margin:14px 0 0 10px;
	background:url(../images/main-home-bg.png) no-repeat 0 -147px}
.time-interval .inquiry-btn{
	float:left;
	width:50px;
	height:20px;
	line-height:20px;
	margin:10px 0 0 10px;
	border:0;
	text-align:center;
	border-radius:3px;
	cursor:pointer;
	font-size:12px;
	font-family:"微软雅黑";
	background:#fff}
.data-count-con{
	padding:20px;
	background:#fff}
.list-count-tit{
	float:left;
	color:#41ade5;
	width:100%;
	height:30px;
	line-height:30px;
	font-size:16px}
.list-count-tit s{
	float:left;
	width:6px;
	height:6px;
	margin-top:12px;
	padding-right:10px;
	background:url(../images/dian-tit-ico.png) left no-repeat}
.top-ten-page,
.top-ten-page .top-nav{
	float:left;
	width:100%;
	margin-top:10px}
.top-nav span{
	float:left;
	color:#212121;
	width:80px;
	height:28px;
	line-height:28px;
	font-size:14px;
	text-align:center;
	margin-left:10px;
	cursor:pointer;
	border:1px solid #eee;
	border-radius:3px}
.top-nav span.on{
	color:#fff;
	background:#008ed8;
	border:1px solid #008ed8}
.top-list-con{
	float:left;
	width:100%;
	margin-top:10px}
.top-list-con table,
.top-list-con table th,
.top-list-con table td{
	border:1px solid #ccecfd}
.top-list-con th,
.top-list-con td{
	color:#008ed8;
	padding-left:20px}
.top-list-con th{
	font-weight:500;
	font-size:14px}
.top-list-con td a{
	color:#008ed8}

.situ-support{
	float:left;
	width:100%;
	margin-top:10px}
.update-box,
.market-box{
	float:left;
	width:48%}
.market-box{
	float:right}
.update-box h3,
.market-box h3{
	float:left;
	width:100%;
	height:26px;
	border-bottom:1px solid #008ed8}
.update-box h3 span,
.market-box h3 span{
	float:left;
	color:#fff;
	height:26px;
	line-height:26px;
	padding:0 10px;
	font-weight:500;
	background:#008ed8}
.update-box .con-list,
.market-box .con-list,
.update-box .con-list dl,
.update-box .con-list dl dt,
.update-box .con-list dl dd,
.market-box .con-list ul,
.market-box .con-list ul li{
	float:left;
	width:100%}
.update-box .con-list dl{
	margin-top:10px}
.update-box .con-list dl dt a{
	float:left;
	color:#008ed8;
	width:100%;
	height:20px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	line-height:20px}
.update-box .con-list dl dd{
	color:#9a9a9a;
	float:left;
	width:100%;
	line-height:18px}
.market-box .con-list ul li a{
	float:left;
	color:#008ed8;
	width:100%;
	height:20px;
	line-height:20px;
	margin-top:5px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis}

/*边栏模块*/
.cms-sidle-box{
	float:right;
	width:390px;
	margin:20px 20px 0 0}
.sidle-module{
	float:left;
	width:390px;
	margin-bottom:20px;
	overflow:hidden;
	border-radius:3px}
.sidle-module .sidle-tit{
	float:left;
	color:#fff;
	width:380px;
	height:40px;
	line-height:40px;
	font-size:16px;
	padding-left:10px;
	cursor:all-scroll;
	background:url(../images/sidle-repeat-bg.png) left top repeat}
.sidle-module .sidle-tit s{
	float:left;
	width:22px;
	height:22px;
	margin:9px 10px 0 0;
	background:#000}
.sidle-module .sidle-tit s.bgs1{
	background:url(../images/main-home-bg.png) no-repeat 0 -4px}
.sidle-module .sidle-tit s.bgs2{
	background:url(../images/main-home-bg.png) no-repeat -64px -4px}
.sidle-module .sidle-tit s.bgs3{
	background:url(../images/main-home-bg.png) no-repeat -126px -4px}
.sidle-module .sidle-tit s.bgs4{
	background:url(../images/main-home-bg.png) no-repeat -190px -4px}
.sidle-module .sidle-tit s.bgs5{
	background:url(../images/main-home-bg.png) no-repeat -253px -4px}
.sidle-module .sidle-tit s.bgs6{
	background:url(../images/main-home-bg.png) no-repeat -316px -4px}
.sidle-module .sidle-tit s.bgs7{
	background:url(../images/main-home-bg.png) no-repeat -379px -4px}
.sidle-module .sidle-tit s.bgs8{
	background:url(../images/main-home-bg.png) no-repeat -442px -4px}
.sidle-module .sidle-tit s.bgs9{
	background:url(../images/main-home-bg.png) no-repeat -505px -4px}
.sidle-module .sidle-con{
	float:left;
	width:350px;
	padding:10px 20px;
	background:#fff}
.sidle-module .sidle-menu-a{
	float:left;
	width:350px}
.sidle-module .sidle-menu-a span{
	float:left;
	width:87px;
	height:30px;
	line-height:30px}
.sidle-module .sidle-menu-a span a{
	float:left;
	color:#545454;
	padding:0 5px;
	height:28px;
	line-height:28px;
	font-size:12px;
	text-decoration:none;
	border-radius:3px;
	border:1px solid #fff}
.sidle-module .sidle-menu-a span a:hover{
	border:1px solid #e5e5e5}


.sidle-atc,
.gx-help-fk{
	float:left;
	width:350px}
.gx-help-fk .tabnav{
	float:left;
	width:350px;
	height:26px;
	border-bottom:1px solid #008ed8}
.gx-help-fk .tabnav span,
.gx-help-fk .tabnav span a{
	float:left;
	color:#545454;
	width:75px;
	height:26px;
	line-height:26px;
	text-align:center;
	text-decoration:none}
.gx-help-fk .tabnav span.on a{
	color:#fff;
	background:#008ed8}
.gx-help-fk .tabcon,
.gx-help-fk .tabcon ul,
.gx-help-fk .tabcon ul li{
	float:left;
	width:350px}
.gx-help-fk .tabcon ul li {
	margin-top:5px}
.gx-help-fk .tabcon ul li a{
	float:left;
	color:#008ed8;
	width:350px;
	height:30px;
	line-height:30px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis}
.gx-help-fk .tabcon ul li p{
	float:left;
	color:#9a9a9a;
	width:350px;
	min-height:20px;
	max-height:40px;
	line-height:20px;
	overflow:hidden}

.copyright{
	float:left;
	color:#eaeaea;
	width:100%;
	line-height:24px;
	margin-top:10px;
	text-align:center}

/*客服*/
.kefu-box,
.question-fk-box{
	float:left;
	width:860px;
	height:520px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-275px 0 0 -430px;
	box-shadow:1px 1px 3px #d5e0ea;
	background:#fff;
	overflow:hidden;
	border-radius:3px;
    z-index: 12;
}
.kefu-box .kf-tit,
.question-fk-box .question-fk-tit{
	float:left;
	width:860px;
	height:35px;
	background:#008ed8}
.kefu-box .kf-tit em,
.question-fk-box .question-fk-tit em{
	float:left;
	color:#fff;
	height:35px;
	line-height:35px;
	margin-left:20px;
	font-size:14px;
	font-style:normal}
.kefu-box .kf-tit span,
.question-fk-box .question-fk-tit span{
	float:right;
	width:14px;
	height:14px;
	margin:10px 10px 0 0;
	cursor:pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
	background:url(../images/close-ico.png) left no-repeat}
.kefu-box .kf-tit span:hover,
.question-fk-box .question-fk-tit span:hover{
	-webkit-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg)}
.kefu-box{
	height: 335px;
}
.kefu-box,
.kefu-box .kf-tit{
	width: 600px;
}
.kf-con-list{
	float:left;
	width:530px;
	height:280px;
	padding:10px 35px}
.kf-con-list .con-list-tit{
	float:left;
	color:#666;
	width:530px;
	padding:10px 0;
	font-size:14px}
.kf-con-list .con-list-tit span{
	float:right}
.list-kf-name{
	float:left;
	width:530px}
.list-kf-name li{
	color: #666;
	padding:10px 0;
	line-height: 24px;
	font-size: 14px;
}
.list-kf-name li a{
	color: #008ed8;
	text-decoration: underline;
}
.list-kf-name li span{
	color: #ccc;
}
.link-st-btn{
	float: left;
	width: 530px;
	text-align: center;
}
.link-st-btn a{
	color: #fff;
	display: inline-block;
	height: 28px;
	line-height: 28px;
	padding:0 20px;
	font-size: 14px;
	background: #008ed8;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.fk-con{
	float:left;
	width:830px;
	height:465px;
	padding:15px}
.fk-list{
	float:left;
	width:830px;
	margin-bottom:10px}
.fk-list .bt-sp{
	float:left;
	color:#545454;
	width:50px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:14px}
.nr-div{
	float:left;
	width:780px}
.nr-div .fk-bt-txt{
	float:left;
	width:773px;
	height:28px;
	line-height:28px;
	padding:0 0 0 5px;
	border:1px solid #e5e5e5}
.fk-btn{
	float:left;
	width:830px;
	text-align:center}
.fk-btn .tj-btn,
.fk-btn .qx-btn{
	display:inline-block;
	color:#fff;
	width:80px;
	height:30px;
	line-height:30px;
	margin:0 auto;
	font-size:14px;
	text-align:center;
	border-radius:5px;
	text-decoration:none;
	background:#008ed8}
.fk-btn .qx-btn{
	background:#959595}

.affiche{
    font-size:14px;
    float: right;
}
.affiche table{
    float:right;
}
.affiche .up-btn{
    display: inline-block;
    width: 68px;
    height: 50px;
    background: url(../images/up-bg.png) left no-repeat;
    text-align: center;
    cursor: pointer;
}
.affiche .up-btn img {
    margin-top: 8px;
}
.affiche .up-btn .txt {
    color: #fff;
    text-align: center;
    font-size: 12px;
}
.affiche table .tit{
    color:#fff;
    margin-right: 5px;
    line-height: 25px;
}
.affiche #info1 .wel{
    margin-top: 2px;
}
.affiche table .tit .version{
    font-size: 12px;
    line-height: 25px;
}
.affiche #info2 .btn{
    line-height: 35px;
    margin-right: 5px
}
.affiche .up-btn{
    position: relative;
    overflow: visible;
}

.up-btn .version-icon{
    position: absolute;
    right: -2px;
    top:-2px;
    display: block;
    visibility: hidden;
    width: 25px;
    height: 15px;
    background: url("../images/version-ico.png") no-repeat;
}

.remind-box{
    float:left;
    width:600px;
    height:260px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-130px 0 0 -300px;
    box-shadow:1px 1px 3px #d5e0ea;
    background:#fff;
    overflow:hidden;
    border-radius:3px;
    z-index: 10;
}
.remind-box .rem-tit{
    float:left;
    width:600px;
    height:35px;
    background:#008ed8}
.remind-box .rem-tit em{
    float:left;
    color:#fff;
    height:35px;
    line-height:35px;
    margin-left:20px;
    font-size:14px;
    font-style:normal}
.remind-box .rem-tit span{
    float:right;
    width:14px;
    height:14px;
    margin:10px 10px 0 0;
    cursor:pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
    background:url(../images/close-ico.png) left no-repeat}
.remind-box .rem-tit span:hover{
    -webkit-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    transform:rotate(360deg)}
.remind-box .rem-con-list{
    float:left;
    width:520px;
    height:185px;
    padding:20px 40px}
.remind-box .rem-con-list .tit{
    float:left;
    width:520px;
    color:#282828;
    font-size:14px;
    margin-top:20px}
.remind-box .rem-con-list .btn_box{
    float:left;
    width:520px;
    margin-top:20px}
.remind-box .rem-con-list .btn_box a{
    float:left;
    color:#fff;
    height:30px;
    line-height:30px;
    font-size:14px;
    padding:0 15px;
    margin-right:10px;
    background:#00a0e9;
    border-radius:3px}
.remind-box .rem-con-list .txt{
    color:#282828;
    float:left;
    width:520px;
    line-height:24px;
    margin-top:20px}

.sidle-module .sidle-tit .bgs_userdefine{
    background: url("../images/main_userdefined.png") no-repeat;
}











